<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>同步施工—（品牌）装修设计平台</title>
		<style type="text/css">
			body{
				background: url(img/背景.png);
				width: 1060px;
				margin: auto;
			}
			*{
				font-family: "微软雅黑";
				padding: 0;
				margin: 0;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none ;
			}
			#fir-menu{
				width: 1000px;
				height:20px;
				margin:10px auto 0 auto;
				padding: 20px 30px 20px 30px;
				line-height: 20px;
				font-weight:  bold;
			}
			.f-men-left,.f-men-left>li{
				float: left;
			}
			.f-men-reight,.f-men-reight>li{
				float: right;
			}
			#fir-menu span{
				color: #CDCDCD;
				margin:0 10px;
				font-weight: 100;
			}
			#fir-menu a{
				color: white;
			}
			#fir-menu a:hover{
				color: #D79477;
			}
			
			#end—menu{
				width: 100%;
				height: 150px;
				background-color: rgba(255,255,255,0.5);
			}
			#end—menu>div{
				float: left;
				width: 265px;
				text-align: center;
				margin-top: 10px;
			}
			#end—menu dt{
				height: 50px;
				line-height: 50px;
				color: #D7945B;
				font-size: 20px;
				font-weight: bolder;
			}
			#end—menu dd{
				height: 30px;
				line-height: 30px;
				color: white;
				cursor: pointer;
			}
			#conner{
				width: 100%;
				height: 200px;
				margin-bottom: 50px;
				margin-top: 40px;
			}
			#conner>div{
				float: left;
				color: white;
			}
			#conner .con-left{
				padding-left: 30px;
				font-size: 20px;
				line-height: 40px;
				width: 200px;
			}#conner .con-conner{
				width: 420px;
				height: 160px;
				margin-left: 40px;
				margin-right: 15px;
			}
			#conner .con-conner>div{
				height: 40px;
			}
			#conner .con-conner p{
				float: left;
				font-size: 20px;
				line-height: 30px;
				height: 30px;
			}
			#conner .con-conner>div>.con-con-jd{
				width: 300px;
				height: 20px;
				background-color: white;
				float: left;
				margin: 5px 20px 5px;
				color: white;
			}
			#conner .con-con-jd>div{
				background-color: #5B9BD5;
				width: 40%;
				height: 20px;
				padding-left: 10%;
			}
			#conner .con-con-yijian .con-con-yj{
				float: left;
			}
			#conner .con-con-yj textarea{
				width: 300px;
				height: 70px;
				margin-left: 20px;
				width: ;
			}
			#conner .con-right{
				margin-left: 20px;
			}
			#conner .con-right img{
				height: 170px;
			}
		</style>
	</head>	
	<body>
		<!--首部导航-->
		<div id="fir-menu">
			<ul class="f-men-left">
				<li><a href="index.html">Home</a><span>|</span></li>
				<li><a href="我要装修.html">我要装修</a><span>|</span></li>
				<li><a href="DIY设计.html">DIY设计</a><span>|</span></li>
				<li><a href="同步施工.html" style="color: #D79477;">同步施工</a><span>|</span></li>
				<li><a href="装修购材.html">装修购材</a></li>
			</ul>
			<ul class="f-men-reight">
				<li><span>|</span><a href="注册.html">注册</a></li>
				<li><a href="登录.html">登录</a></li>
			</ul>
		</div>
		
		<!--主要内容-->
		<div id="conner">
			<div class="con-left">
				<p>用户装修订单</p>
				<p>姓名：<span>张三</span></p>
				<p>面积：<span>120平方米</span></p>
				<p>位置：<span>津静公路26号</span></p>
			</div>
			<div class="con-conner">
				<div class="con-con-jihua">
					<p>计划进度</p>
					<div class="con-con-jd">
						<div>50%</div>
					</div>
				</div>
				<div class="con-con-shiji">
					<p>实际进度</p>
					<div class="con-con-jd">
						<div>50%</div>
					</div>
				</div>
				<div class="con-con-yijian">
					<p>反馈意见</p>
					<div class="con-con-yj">
						<textarea>你有什么意见？</textarea>
					</div>
				</div>
			</div>
			<div class="con-right">
				<img src="img/同步施工/同步施工动图.jpeg"/>
			</div>
		</div>
		
		<!--尾部菜单-->
		<div id="end—menu">
			<div class="end-fir-menu">
				<dl>
					<dt>业务咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-sec-menu">
				<dl>
					<dt>设计咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-thi-menu">
				<dl>
					<dt>施工咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
			<div class="end-fou-menu">
				<dl>
					<dt>购买咨询</dt>
					<dd>022-23771195</dd>
					<dd>010-22225555</dd>
				</dl>
			</div>
		</div>
	</body>
</html>
